<template>
  <!-- 专业人做专业事儿 -->
   <!-- 头部 -->
        <div class="header">
                    <svg class="icon header-left" aria-hidden="true"  @click="turn_1">
                    <use xlink:href="#icon-shang-copy-copy-copy-copy"></use>
                    </svg>
            <div class="header-middle">
                    <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-sousuo"></use>
                    </svg>
                    <input type="text" value="找专业人做专业事儿"/>
            </div>
            <svg class="icon header-right" aria-hidden="true">
              <use xlink:href="#icon-fenlei"></use>
            </svg>
        </div>
</template>

<script>
export default {
    methods:{
        // 返回上一步
        turn_1(){
            this.$router.go(-1);

        }
    }

}
</script>

<style scoped>
/* 头部 */
.header{
    height: 44px;
    background: #ffffff;
    line-height: 44px;
   
}
.header-left{
    display: block;
    float: left;
    font-size: 18px;
    margin-left:10px;
     margin-top:15.18px;
    
}
.header-middle{
    display: block;
    float: left;
    margin-left:31px;
    width: 299.6px;
    height: 29.3px;
    background: #eeeeee;
    border-radius:3px;
    line-height: 29.3px;
    margin-bottom: 7.35px;
    margin-top:8.67px;
   
    

}
.header-middle>.icon{
    font-size: 16px;
    display: block;
    float: left;
    margin-left:6px;
    margin-right:5px;
    margin-top:6.73px;
    color:#999999;
}
.header-middle>input{
    display: block;
    color:#999999;
    float: left;
    font-size: 12px;
    width: 261.3px;
    line-height: 29.3px;
    border:none;
    background: #eeeeee;
    
}
.header-right{
   display: block;
    
    float: right;
    font-size: 15px;
    margin-top:15.18px;
    margin-right:11px;
}

</style>
